<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta charset="UTF-8" />
    <title>填写订单信息</title>
    <meta name="viewport" content="width=1226" />
    <link rel="stylesheet" href="css/base.min.css" />
    <link rel="stylesheet" type="text/css" href="css/checkout.min.css" />
</head>

<body>
    <div class="site-header site-mini-header">
        <div class="container">
            <div class="header-logo">
                <a class="logo " href="##" title=""></a>
            </div>
            <div class="header-title"></div>
            <div class="topbar-info">
                <a class="link" href="##">登录</a><span class="sep">|</span><a class="link" href="##">注册</a> </div>
        </div>
    </div>
    <!-- .site-mini-header END -->

    <div class="page-main">
        <div class="container">
            <div class="checkout-box">
                <div class="section section-address">
                    <div class="section-header clearfix">
                        <h3 class="title">收货地址</h3>

                        <div class="more">
                        </div>
                        <div class="mitv-tips hide" style="margin-left: 0;border: none;"></div>
                    </div>
                    <div class="section-body clearfix">
                        <!-- addresslist begin -->
                        <!-- addresslist end -->
                        <div class="address-item address-item-new">
                            <i class="iconfont">&#xe609;</i> 添加新地址
                        </div>
                    </div>
                </div>


                <div class="section section-options section-payment clearfix hide">
                    <div class="section-header">
                        <h3 class="title">支付方式</h3>
                    </div>
                    <div class="section-body clearfix">
                        <ul class="J_optionList options ">
                            <li data-type="pay" class="J_option selected" data-value="1">
                                在线支付 <span>
                            （支持微信支付、支付宝、银联、财付通、小米钱包等）                            </span>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="section section-options section-shipment clearfix">
                    <div class="section-header">
                        <h3 class="title">配送方式</h3>
                    </div>
                    <div class="section-body clearfix">
                        <ul class="clearfix J_optionList options ">
                            <li data-type="shipment" class="J_option selected">
                                快递配送（免运费） </li>
                        </ul>

                        <div class="service-self-tip"></div>
                    </div>
                </div>

                <div class="section section-options section-time clearfix">
                    <div class="section-header">
                        <h3 class="title">配送时间</h3>
                    </div>
                    <div class="section-body clearfix">
                        <ul class="J_optionList options options-list clearfix">
                            <!-- besttime start -->
                            <li data-type="time" class="J_option selected">
                                不限送货时间：<span>周一至周日</span> </li>
                            <li data-type="time" class="J_option ">
                                工作日送货：<span>周一至周五</span> </li>
                            <li data-type="time" class="J_option ">
                                双休日、假日送货：<span>周六至周日</span> </li>
                            <!-- besttime end -->
                        </ul>
                    </div>
                </div>

                <div class="section section-options section-invoice clearfix">
                    <div class="section-header">
                        <h3 class="title">发票</h3>
                    </div>
                    <div class="section-body clearfix">
                        <div class="invoice-result">

                            <span>商品明细</span>
                            <a href="#J_modalInvoiceInfo" id="J_invoiceModify">修改 &gt;</a>
                        </div>
                    </div>
                </div>

                <div class="section section-goods">
                    <div class="section-header clearfix">
                        <h3 class="title">商品及优惠券</h3>
                        <div class="more">
                            <a href="##">返回购物车<i class="iconfont">&#xe621;</i></a>
                        </div>
                    </div>
                    <div class="section-body">
                        <ul class="goods-list" id="J_goodsList">
                            <li class="clearfix">
                                <div class="col col-img">
                                    <img src="images/vsii.jpg" width="30" height="30">
                                </div>
                                <div class="col col-name">
                                    <a href="##">
                                        小米运动蓝牙耳机 白色                                    </a>


                                </div>
                                <div class="col col-price">
                                    129元 x 2 </div>
                                <div class="col col-status">
                                    &nbsp;
                                </div>
                                <div class="col col-total">
                                    258元
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="section section-count clearfix">
                    <div class="count-actions">
                        <!-- 优惠券 -->
                        <div class="coupon-trigger"><i class="iconfont icon-plus">&#xe609;</i>使用优惠券</div>





                        <!-- 加价购 -->
                        <div class="raise-buy-box">
                            <ul id="J_raiseBuyList">

                                <!--S 保障计划 产品选择弹框 -->
                                <!--E 保障计划 产品选择弹框 -->
                            </ul>
                        </div>
                    </div>

                    <div class="money-box">
                        <ul>
                            <li class="clearfix">
                                <label>商品件数：</label>
                                <span class="val">2件</span>
                            </li>
                            <li class="clearfix">
                                <label>金额合计：</label>
                                <span class="val">258.00元</span>
                            </li>
                            <li class="clearfix">
                                <label>活动优惠：</label>
                                <span class="val">-0.00元</span>
                            </li>
                            <li class="clearfix">
                                <label>优惠券抵扣：</label>
                                <span class="val"><i >-0</i>元</span>
                            </li>
                            <li class="clearfix">
                                <label>运费：</label>
                                <span class="val"><i >0</i>元</span>
                            </li>
                            <li class="clearfix total-price">
                                <label>应付总额：</label>
                                <span class="val"><em >258</em>元</span>
                            </li>

                        </ul>
                    </div>
                </div>

                <div class="section-bar clearfix">
                    <div class="fl">
                        <div class="seleced-address hide">
                        </div>
                        <div class="big-pro-tip hide J_confirmBigProTip"></div>
                    </div>
                    <div class="fr">
                        <a href="#" class="btn btn-primary">去结算</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- <div class="modal fade modal-hide modal-edit-address" id="J_modalEditAddress">
    <div class="modal-body">
        <iframe height="100%" width="100%"  frameborder="0" allowfullscreen=""></iframe>
    </div>
</div> -->




    <div class="modal modal-invoice modal-hide fade" id="J_modalInvoiceInfo">
        <div class="modal-hd">
            <span class="title">发票信息</span>
            <span class="close" data-dismiss="modal"><i class="iconfont">&#xe602;</i></span>
        </div>
        <div class="modal-body">
            <div class="in-section clearfix">
                <label class="tit">发票类型：</label>
                <ul class="J_optionList options options-list  clearfix">
                    <li data-type="invoice" data-invoice-type="not_invoice" class="hide J_option">
                        不开发票
                    </li>
                    <li data-type="invoice" data-invoice-type="personal" class="hide J_option">
                        纸质发票
                    </li>
                    <li data-type="invoice" data-invoice-type="electron" class="hide J_option">
                        电子发票
                    </li>
                </ul>
                <div class="invoice-tip hide invoice-paper-tip" id="J_invoicePaperTip">
                    1. 发票不与商品随箱寄出； <br> 2. 发票将于商品妥投完成7日后单独寄出； <br> 3. 发票收到后请妥善保存，退货需一同寄回。
                </div>
                <div class="invoice-tip" id="J_invoiceDefaultTip">
                    电子发票与纸质发票具有相同法律效力，可作为报销、售后、维权凭证。<br>
                    <span>推荐使用电子发票，不怕丢失、更方便、更环保。</span> <br>
                    <a href="#" id="J_showPaperOption">选择纸质发票 &gt;</a>
                </div>

                <div class="invoice-tip hide" id="J_onlyEleTip">
                    电子发票是税务局认可的有效凭证，其法律效力、基本用途及使用规定同纸质发票。
                </div>
            </div>

            <div id="J_invoceInfoOpionsContent">
                <div class="in-section clearfix" id="J_invoiceTitleSec">
                    <label class="tit">发票抬头：</label>
                    <ul class="J_optionList options options-list clearfix">
                        <li data-type="invoice-mode" data-invoice-mode="personal" class="J_option">
                            个人
                        </li>
                        <li data-type="invoice-mode" data-invoice-mode="company" class="J_option">
                            单位
                        </li>
                    </ul>
                    <div class="form-section">
                        <label class="input-label" for="invoice_title">请输入发票抬头</label>
                        <input class="input-text input-text-big" type="text" id="invoice_title" name="invoice_title" value="个人" />
                    </div>
                </div>

                <div class="in-section clearfix" id="J_invoiceCompanyCode">
                    <label class="tit">单位税号：</label>
                    <div class="form-section">
                        <label class="input-label" for="invoice_company_code">请填写购买方纳税人识别号或统一社会信用代码</label>
                        <input class="input-text input-text-big" type="text" id="invoice_company_code" name="invoice_company_code" value="" />
                        <a href="#" data-bubble-toggle="invoiceCompanyCodeQa"><i class="icon-qa">?</i></a>
                        <div class="qa-detail hide" data-bubble="invoiceCompanyCodeQa">
                            纳税人识别号为营业执照上的统一社会信用代码或税务登记证上的税号，一般为15、17、18、20位数字或大写字母。
                        </div>
                    </div>
                </div>

                <div class="in-section clearfix hide J_eInvoiceMore">
                    <label class="tit">收票手机：</label>
                    <div class="form-section">
                        <label class="input-label" for="einvoice_phone">收票人手机</label>
                        <input class="input-text input-text-big" type="text" id="einvoice_phone" name="einvoice_phone" data-tel="185****3379" value="185****3379" placeholder="电子发票开具后短信告知你（选填）" />
                    </div>
                </div>

                <div class="in-section clearfix hide J_eInvoiceMore">
                    <label class="tit">收票邮箱：</label>
                    <div class="form-section">
                        <label class="input-label" for="einvoice_mail">收票人邮箱</label>
                        <input class="input-text input-text-big" type="text" id="einvoice_mail" name="einvoice_mail" data-email="" value="" placeholder="用于接收电子发票（选填）" />
                    </div>
                </div>

                <div class="in-section in-section-con clearfix">
                    <label class="tit">发票内容：</label> 购买商品明细
                </div>

                <div class="more">
                    <dl>
                        <dt>发票须知：</dt>
                        <dd>1.发票金额为实际支付金额，不包含优惠券、礼品卡等；</dd>
                        <dd>2.电子发票可以在订单完成后，在订单详情中下载和查看；</dd>
                        <dd>3.纸质发票不与商品同时发出，商品妥投完成7日后发出，收到后请妥善保存，如退货需一同寄回。</dd>
                        <dd>
                            <a href="##">发票相关问题 &gt;</a>
                        </dd>
                    </dl>
                </div>
            </div>

            <div class="tip"></div>
        </div>
        <div class="modal-footer">
            <a href="#" class="btn btn-gray">取消</a>
            <a href="#" class="btn btn-primary">保存</a>
        </div>
    </div>



    <div class="site-footer">
        <div class="container">
            <div class="footer-service">
                <ul class="list-service clearfix">
                    <li><a rel="nofollow" href="##"><i class="iconfont">&#xe634;</i>预约维修服务</a></li>
                    <li><a rel="nofollow" href="##"><i class="iconfont">&#xe635;</i>7天无理由退货</a></li>
                    <li><a rel="nofollow" href="##"><i class="iconfont">&#xe636;</i>15天免费换货</a></li>
                    <li><a rel="nofollow" href="##"><i class="iconfont">&#xe638;</i>满150元包邮</a></li>
                    <li><a rel="nofollow" href="##"><i class="iconfont">&#xe637;</i>520余家售后网点</a></li>
                </ul>
            </div>
            <div class="footer-links clearfix">

                <dl class="col-links col-links-first">
                    <dt>帮助中心</dt>

                    <dd><a rel="nofollow" href="##">账户管理</a></dd>

                    <dd><a rel="nofollow" href="##">购物指南</a></dd>

                    <dd><a rel="nofollow" href="##">订单操作</a></dd>

                </dl>

                <dl class="col-links ">
                    <dt>服务支持</dt>

                    <dd><a rel="nofollow" href="##">售后政策</a></dd>

                    <dd><a rel="nofollow" href="##">自助服务</a></dd>

                    <dd><a rel="nofollow" href="##">相关下载</a></dd>

                </dl>

                <dl class="col-links ">
                    <dt>线下门店</dt>

                    <dd><a rel="nofollow" href="##">小米之家</a></dd>

                    <dd><a rel="nofollow" href="##">服务网点</a></dd>

                    <dd><a rel="nofollow" href="##">零售网点</a></dd>

                </dl>

                <dl class="col-links ">
                    <dt>关于小米</dt>

                    <dd><a rel="nofollow" href="##">了解小米</a></dd>

                    <dd><a rel="nofollow" href="##">加入小米</a></dd>

                    <dd><a rel="nofollow" href="##">联系我们</a></dd>

                </dl>

                <dl class="col-links ">
                    <dt>关注我们</dt>

                    <dd><a rel="nofollow" href="##">新浪微博</a></dd>

                    <dd><a rel="nofollow" href="##">小米部落</a></dd>

                    <dd><a rel="nofollow" href="##">官方微信</a></dd>

                </dl>

                <dl class="col-links ">
                    <dt>特色服务</dt>

                    <dd><a rel="nofollow" href="##">F 码通道</a></dd>

                    <dd><a rel="nofollow" href="##">礼物码</a></dd>

                    <dd><a rel="nofollow" href="##">防伪查询</a></dd>

                </dl>

                <div class="col-contact">
                    <p class="phone">400-100-5678</p>
                    <p>
                        周一至周日 8:00-18:00<br>（仅收市话费）
                    </p>
                    <a rel="nofollow" class="btn btn-line-primary btn-small" href="##"><i class="iconfont">&#xe600;</i> 24小时在线客服</a> </div>
            </div>
        </div>
    </div>
    <div class="site-info">
        <div class="container">
            <span class="logo ir">小米官网</span>
            <div class="info-text">
                <p>小米旗下网站：<a href="##">小米商城</a><span class="sep">|</span><a href="##">MIUI</a><span class="sep">|</span><a href="##">米家</a><span class="sep">|</span><a href="##">米聊</a><span class="sep">|</span><a href="##">多看</a><span class="sep">|</span><a href="##">路由器</a><span class="sep">|</span><a href="##">米粉卡</a><span class="sep">|</span><a href="##">小米天猫店</a><span class="sep">|</span><a href="##">隐私政策</a><span class="sep">|</span><a href="https://static.mi.com/feedback/">问题反馈</a><span class="sep">|</span><a href="##">Select Region</a> </p>
                <p>&copy;<a href="##" title="mi.com">mi.com</a> 京ICP证110507号 <a href="##" rel="nofollow">京ICP备10046444号</a> <a rel="nofollow" href="##">京公网安备11010802020134号 </a><a rel="nofollow" href="##" rel="nofollow">京网文[2014]0059-0009号</a>

                    <br> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
            </div>
            <div class="info-links">
                <a href="##"><img src="picture/truste.png" alt="" /></a>
                <a href="##"><img src="picture/v-logo-2.png" alt="" /></a>
                <a href="#"><img src="picture/v-logo-1.png" alt="" /></a>
                <a href="##"><img src="picture/v-logo-3.png" alt="" /></a>
                <a href="#"><img src="picture/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="" /></a>

            </div>
        </div>
    </div>


    <!-- .modal-globalSites END -->

    <script src="js/base.min.js"></script>


    <script type="text/javascript" src="js/checkout.min.js"></script>


</body>

</html>